<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./pages/index.css">
  <title>Russian-travel</title>
</head>
<body class="page">
  <header class="header">
    <img class="header__logo" src="./images/logo.svg" alt="логтип">
      <div class="header__lang-links">
        <a class="header__lang-link header__lang-link_active" href="#">Ru</a>
        <a class="header__lang-link" href="#">En</a>
      </div>
  </header>
  <main class="content">
    <section class="lead">
      <h1 class="lead__title">Путешествия по России</h1>
      <p class="lead__subtitle">Настоящая страна не в выпусках новостей, а здесь.</p>
      <img class="lead__main-pic" src="./images/top-shelf.jpg" alt="фото в поезде">
      <p class="lead__caption">ваша полка - верхняя</p>
    </section>
    <section class="intro">
      <h2 class="intro__title">Чего мы там не видели?</h2>
      <p class="intro__text">По опросам ВЦИОМ, 95% россиян мечтают куда-нибудь поехать, но только 36% планируют провести отпуск в родной стране. Мол, чего мы тут, дома, не видели?
        На самом деле, Россия — это целая вселенная с ласковым морем юга, густыми лесами Саян и суровыми льдами плато Путорана. А ещё увидеть все эти красоты можно без миллионов на 
        счету, загранпаспорта и многочасовых перелетов. Как, например, Вера Башмакова — смелая молодая мама, которая взяла в охапку троих детей, усадила их в свою «Ладу» и проехала 
        20 тысяч километров по родной стране. Мы выбрали и описали некоторые интересные места, достойные вашего отпуска.</p>
      <ul class="intro__list-items">
        <li class="intro__list-item"><span class="intro__span-accent">Часовых поясов </span>11</li>
        <li class="intro__list-item"><span class="intro__span-accent">Объектов природного наследия ЮНЕСКО </span>12</li>
        <li class="intro__list-item"><span class="intro__span-accent">Объектов культурного наследия ЮНЕСКО </span>16</li>
        <li class="intro__list-item"><span class="intro__span-accent">Природных заповедников </span>105</li>
        <li class="intro__list-item"><span class="intro__span-accent">Аэропортов </span>241</li>
      </ul>
    </section> <!--я тут изначально и использовал секшен. Но валидатор выдал желтое предупреждение, что секшен без какого то тайтла внутри h2-h6 не слишком красиво писать-->
    <section class="photo-grid">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__train.jpg" alt=" фото из поездф">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__athtarva.jpg" alt="фото горы с высоты">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__tuman.jpg" alt="фото туманного поля">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__sochi.jpg" alt="фото склона в Сочи">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__arisa.jpg" alt="фото заледенвшего озера">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__baikal.jpg" alt="фото Байкала">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__elbrus.jpg" alt="фото Эльбруса">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__unsplash.png" alt="фото развалин">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__kamchatka.jpg" alt="фото Камчатки">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__kamchatka2.jpg" alt="фото Камчатки">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__baikal2.jpg" alt="фото Байкала">
      <img class="photo-grid__item" src="./images/photo-grid/photo-grid__ergaki.jpg" alt="фото Ергаки">
    </section>
    <section class="places">
      <div class="places__item">
        <h3 class="places__title">Куршская коса</h3>
        <div class="places__website">
          <h4 class="places__url-heading">URL</h4>
          <a class="places__link" href="http://park-kosa.ru" target="_blank">park-kosa.ru</a>
        </div>
        <img class="places__image" src="./images/places/kyrshskia.jpg" alt="Карушская коса">
        <div class="places__paragraphs">
          <p class="places__paragraph">Здесь, посреди лесов и песчаных дюн, вы сможете увидеть два водных горизонта — спокойного Куршского залива 
            с одной стороны и подёрнутого рябью волн Балтийского моря с другой. Уникальная природная зона на краю российского анклава.</p>
          <p class="places__paragraph">На этом Калининградская область не заканчивается. Для путешественника и исследователя там же по соседству — 
            самая западная точка России, Балтийская коса, — и немецкое наследие россыпи небольших приморских городов. Атмосфера здешних мест исключает 
            суету, окуная в спокойствие природы и запах стального, прохладного моря.</p>
        </div>
      </div>
      <div class="places__item">
        <h3 class="places__title">Кольский</h3>
        <div class="places__website">
          <h4 class="places__url-heading">URL</h4>
          <a class="places__link" href="https://yourshot.nationalgeographic.com/photos/?keywords=kolskiy" target="_blank">National Geographic</a>
        </div>
        <img class="places__image" src="./images/places/kolski.jpg" alt="Кольский">
        <div class="places__paragraphs">
          <p class="places__paragraph">Почти весь полуостров находится за Полярным кругом. Саамская тундра, 
            от которой на юг — тайга, а на север — Ледовитый океан, прикидывающийся Баренцевым морем.</p>
          <p class="places__paragraph">Возможно, вы смотрели Звягинцева и даже слышали историю арктического фестиваля 
            в Териберке. Возможно, слово «Хибины» не осталось под снегом школьных воспоминаний об уроках географии. 
            Возможно, вы не интересовались пронизывающей земную кору сверхглубокой скважиной, а от апатитов вас давно 
            накрывает апатия. Но ваша мечта увидеть северное сияние начинает сбываться с билетом в Мурманск.</p>
        </div>
      </div>
      <div class="places__item">
        <h3 class="places__title">Алтай</h3>
        <div class="places__website">
          <h4 class="places__url-heading">URL</h4>
          <a class="places__link" href="https://www.youtube.com/watch?v=7ZEsoV7kWAQ" target="_blank">YouTube</a>
        </div>
        <img class="places__image" src="./images/places/altai.jpg" alt="Алтай">
        <div class="places__paragraphs">
          <p class="places__paragraph">Алтай — одно из красивейших мест в России. 
            В первую очередь из-за гор: если ехать вдоль хребта, вы увидите склоны, усыпанные соснами, горные реки и озёра. 
            А если вы откроете в автомобиле окна, сможете познакомиться с невидимым чудом здешних мест — горным воздухом.</p>
          <p class="places__paragraph">Климат на Алтае умеренный, поэтому ехать сюда лучше всего летом. Так вы увидите всё 
            разнообразие местной флоры и фауны. По лесам Алтая бродят лоси, над хребтами летают орлы, а на равнинах пасутся косули. 
            И знаменитые манулы — тоже обитатели Алтайского края.</p>
        </div>
      </div>
      <div class="places__item">
        <h3 class="places__title">Зимний Байкал</h3>
        <div class="places__website">
          <h4 class="places__url-heading">URL</h4>
          <a class="places__link" href="https://www.youtube.com/watch?v=7ZEsoV7kWAQ" target="_blank">https://vk.com/baikalmile</a>
        </div>
        <img class="places__image" src="./images/places/baikal.jpg" alt="Зимний Байкал">
        <div class="places__paragraphs">
          <p class="places__paragraph">Всем известен Байкал как крупнейшее озеро 
            в мире. Многие также знают, что это самый большой источник пресной воды и одно из красивейших мест в России.</p>
          <p class="places__paragraph">Конечно, это всё так. Но Байкал ещё идеальное место для соревнований по скийорингу. 
            Это такой вид спорта, когда лыжник привязывает себя 
            к мотоциклу, и тандем старается развить как можно бóльшую скорость на льду. В марте 2019 года на фестивале 
            «Байкальская миля» был поставлен мировой рекорд — 197.011 км/ч.</p>
        </div>
      </div>
      <div class="places__item">
        <h3 class="places__title">Карелия</h3>
        <div class="places__website">
          <h4 class="places__url-heading">URL</h4>
          <a class="places__link" href=" http://vodlozero.ru" target="_blank">http://vodlozero.ru/</a>
        </div>
        <img class="places__image" src="./images/places/karelia.jpg" alt="Карелия">
        <div class="places__paragraphs">
          <p class="places__paragraph">Сибирь заканчивается не на Урале, а в Карелии: образующая тайгу сибирская лиственница не растёт западнее Водлозера. 
            Зато здесь она вымахивает на 30 метров — леса карельских национальных парков из-за непроходимых болот никогда не знали топора. Некоторым соснам 
            уже больше чем полтысячелетия. Прикоснитесь к живому существу, видевшему солнце раньше, чем увидал его Иван Грозный. 
            В девственном лесу на сотню километров не встретишь тропы. А на редких тропинках деревья 
            в паре метров от земли помечены медвежьими когтями. Чтобы все знали, кто тут хозяин.</p>
        </div>
      </div>
    </section>
    <section class="cover">
      <a class="cover__background" href="https://stampsy.com/na-elektrichkakh-do-baikala" target="_blank">
        <div class="cover__overlay">
          <h2 class="cover__title">До Байкала «на собаках»</h2>
          <p class="cover__subtitle">По мотивам учебной темы о Транссибе — путешествие от столицы до Байкала на электричках.</p>
        </div>
      </a>
    </section>
  </main>
  <footer class="footer">
    <nav class="footer__links">
      <a class="footer__link" href="https://yandex.ru/maps" target="_blank">Карты</a>
      <a class="footer__link" href="https://yandex.ru/pogoda" target="_blank">Погода</a>
      <a class="footer__link" href="https://rasp.yandex.ru" target="_blank">Расписание</a>
      <a class="footer__link" href="https://calendar.yandex.ru" target="_blank">Календарь</a>
      <a class="footer__link" href="https://travel.yandex.ru" target="_blank">Путешествия</a>
    </nav>
    <p class="footer__author">© 2022. Иванюшин Илья</p>
  </footer>
</body>
</html>